import 'package:elevator/pages/home/all/detail/detail_view.dart';
import 'package:elevator/pages/home/all/group_all/group_all_view.dart';
import 'package:elevator/pages/home/all/group_five/group_five_view.dart';
import 'package:elevator/pages/home/all/group_four/group_four_view.dart';
import 'package:elevator/pages/home/all/group_one/group_one_view.dart';
import 'package:elevator/pages/home/all/group_three/group_three_view.dart';
import 'package:elevator/pages/home/all/group_two/group_two_view.dart';
import 'package:elevator/pages/home/all/table_data.dart';
import 'package:elevator/utils/utils_logger.dart';
import 'package:elevator/widgets/globel_widget.dart';
import 'package:elevator/widgets/spirit/spirit_view.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';

import '../../../model/lift_info.dart';
import 'page_all_logic.dart';

class AllPage extends StatelessWidget {
  final logic = Get.put(PageAllLogic());

  @override
  Widget build(BuildContext context) {
    return TabBarWidget();
  }
}

/// 导航栏数据集合
const List<TabData> datas = <TabData>[
  TabData(title: 'ALL', icon: Icons.threed_rotation),
  /*TabData(title: 'Group1', icon: Icons.print),
  TabData(title: 'Group2', icon: Icons.animation),
  TabData(title: 'Group3', icon: Icons.transform),
  TabData(title: 'Group4', icon: Icons.height),
  TabData(title: 'Group5', icon: Icons.description),*/
];

/// 顶部导航栏核心页面
class TabBarWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    /// 材料设计应用组件 , 一般作为页面的根组件
    return MaterialApp(

      /// 用于将 TabBar 和 TabBarView 封装起来
      home: DefaultTabController(
        length: datas.length,

        /// 主界面框架
        child: Scaffold(

          /// 标题栏
          appBar: AppBar(
            backgroundColor: Colors.blueGrey,
            flexibleSpace: SafeArea(
              child: TabBar(

                /// 可左右滑动
                isScrollable: true,

                /// 设置顶部导航栏的图标
                tabs: datas.map((TabData data) {
                  /// 导航栏的图标及文本
                  return Tab(
                    text: data.title,
                    // icon: Icon(data.icon),
                  );
                }).toList(),
              ),
            ),
          ),

          /// 导航栏控制的左右轮播的组件
          body: TabBarView(

            /// 界面显示的主体 , 通过 TabBar 切换不同的本组件显示
            children: [
              Padding(
                padding: const EdgeInsets.all(10.0),
                child: GroupAllPage(data: datas[0]),
              ),
             /* Padding(
                padding: const EdgeInsets.all(10.0),
                child: GroupOnePage(data: datas[1],),
              ),
              Padding(
                padding: const EdgeInsets.all(10.0),
                child: GroupTwoPage(data: datas[2],),
              ),
              Padding(
                padding: const EdgeInsets.all(10.0),
                child: GroupThreePage(data: datas[3],),
              ),
              Padding(
                padding: const EdgeInsets.all(10.0),
                child: GroupFourPage(data: datas[4],),
              ),
              Padding(
                padding: const EdgeInsets.all(10.0),
                child: GroupFivePage(data: datas[5],),
              ),*/

            ],
          ),
        ),
      ),
    );
  }
}
//
// /// 通过 TabBar 导航栏切换展示的主要内容
// /// 用于在 TabBarView 中显示的组件
// class TabContent extends StatelessWidget {
//   const TabContent(this.data);
//
//   /// 根据该数据条目生成组件
//   final PageAllLogic data;
//
//   @override
//   Widget build(BuildContext context) {
//     TextStyle textStyle = TextStyle(color: Colors.yellow, fontSize: 50);
//     return Obx(() => ListView.builder(
//       itemCount: data.liftList.length,
//       itemBuilder: (context, index) {
//         return Column(
//           children: [
//             spaceHeight(height: 20),
//             SpiritComponent(
//               onTap: () {
//                 logd('onTap');
//                 Get.to(DetailPage());
//               },
//               onLongPress: () {
//                 logd('onLongPress');
//               },
//               lLeftText: 'MS-L1',
//               lRightText: '18/F',
//               rLeftText: 'AL',
//               rCenterText: 'PW',
//               rLeftColor: Colors.red,
//               rCenterColor: Colors.orange,
//             ),
//             spaceHeight(height: 20),
//           ],
//         );
//
//       },
//     ));
//   }
// }
//



